<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
		body { font-family: Arial; }
		img { border: 0px; }
		td { padding: 15px; }
		div {font-size: 10px; margin: 20px 10px 20px 10px; }
		td { padding: 20px; }
	</style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="scriptmanager1" runat="server"></asp:ScriptManager>
    
	<table>
		<tr>
			<th style="width: 250px;">On white</th><th style="width: 250px;">On gray</th>
		</tr>
		<tr>
			<td style="width: 250px;">
				<div>
					<bATR:bATRImage ID="BATRImage1" Style="c2w_h2" runat="server" Text="Lorem Ipsum" Theme="default" />
					Arial, inline image, incl. h2 header, images replaced by h2 on print view
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage7" Style="c2w_h2" runat="server" Text="Lorem Ipsum" Theme="theme03" />
					Wingdings 2, fixed width/height through style
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage2" Style="c2w_h2" runat="server" LinkUrl="http://www.denieuwezaak.nl" Text="I am linked" Theme="default" />
					Arial, linked, inline image, incl. h2 header, images replaced by h2 on print view
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage3" Style="g2w_h2" StyleOnMouseOver="c2w_h2" runat="server" LinkUrl="http://www.denieuwezaak.nl" Text="WOW! A mouseover!" Theme="theme02" />
					Symbol, linked, mouseover (Arial)
				</div>
				
				<asp:UpdatePanel ID="updPanel1" runat="server">
					<ContentTemplate>
						<div>
							<asp:Label ID="lblMsg" runat="server" ForeColor="Red"></asp:Label>
						</div>
						<div>
							<bATR:bATRImage ID="BATRImage9" Style="c2w_h2" runat="server" Text="I have a Click event" Theme="default" OnClick="BATRImage9_Click" />
							Arial, Click-event, inline image, incl. h2 header, images replaced by h2 on print view
						</div>
						<div>
							<bATR:bATRImage ID="BATRImage10" Style="c2w_h2" runat="server" Text="I have a Command event" Theme="default" OnCommand="BATRImage10_Command" />
							Arial, Command-event, inline image, incl. h2 header, images replaced by h2 on print view
						</div>
						<div>
							<bATR:bATRImage ID="BATRImage11" Style="g2w_h2" StyleOnMouseOver="c2w_h2" runat="server"  Text="WOW! A mouseover! With a Click-event" Theme="theme02" OnClick="BATRImage11_Click" />
							Symbol, Click-event, mouseover (Arial)
						</div>
					</ContentTemplate>
				</asp:UpdatePanel>
				
			</td>
			<td style="background-color: #e3e3e3; width: 250px;">
				<div>
					<bATR:bATRImage ID="BATRImage4" Style="g2lg_h2" runat="server" Text="Lorem Ipsum" Theme="default" />
					Arial, text to upper, incl. h2 header, images replaced by h2 on print view
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage8" Style="g2g_h2" runat="server" Text="Lorem Ipsum" Theme="theme03" />
					Wingdings
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage5" MaxWidth="50" Style="g2lg_h2" runat="server" LinkUrl="http://www.denieuwezaak.nl" Text="I am linked" Theme="default" />
					Arial, linked, max width, incl. h2 header, images replaced by h2 on print view
				</div>
				<div>
					<bATR:bATRImage ID="BATRImage6" Style="g2lg_h2" StyleOnMouseOver="c2lg_h2" runat="server"  Theme="theme02" />
					Symbol, linked, mouseover (Arial)
				</div>
			</td>
		</tr>
	</table>
    </form>
</body>
</html>
